<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>WWL Panels</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="../../os3jslib/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="gfx/panels.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/array_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/form.js"></script>
<script type="text/javascript" src="../../os3jslib/lightbox.js"></script>
<script type="text/javascript" src="../../os3jslib/fx.js"></script>
<script type="text/javascript" src="../wwl.js"></script>

<script type="text/javascript" src="templates/panels.js"></script>
<script type="text/javascript" src="panels.class.js"></script>
<script type="text/javascript" src="panels.js"></script>

<script type="text/javascript">
	pan = {};
	pan.init = function ()
	{
		var gl = [ 
				{ id: 1, name: 'name1', title: 'title1' },
				{ id: 2, name: 'name2', title: 'title2' },
				{ id: 32, name: 'name32', title: 'title32' }
			];
		var gr = [ 
				{ id: 11, name: 'name11', title: 'title11' },
				{ id: 12, name: 'name12', title: 'title12' },
				{ id: 132, name: 'name132', title: 'title132' }
			];
		pan.p1 = new WWL.panels ( 'pan' );
		pan.p1.set_cbacks ( 'done',  function ( data ) { alert ( 'pan' ); } );
		pan.p1.render ( 'pan' ); 
		pan.p1.populate ( gl, gr );

		pan.p2 = new WWL.panels ( 'html2', { head_left: 'pan sx', head_right: 'pan dx' } );
		pan.p2.set_cbacks ( 'done',  function ( data ) { alert ( 'html2' ); } );
		pan.p2.set_cbacks ( 'on_change',  function ( data ) { alert ( 'Ho spostato ' + data ); } );
		pan.p2.render ( 'html2' ); 
		pan.p2.populate ( gl, gr );
	};
</script>
</head>
<body bgcolor="#ffffff" onload="pan.init()" >

<div id="pan"></div>
<div id="html2"></div>

</body>
</html>
